<!DOCTYPE html>
<html>
<head><meta http-equiv=Content-Type content='text/html; charset=utf-8'>

    <meta name="viewport" content="width=device-width" />
    <title>登录</title>
    <link rel="shortcut icon" type="image/x-icon" href='{{asset('image/heeypay/anyun.ico')}}' media="screen" />
    <link rel="stylesheet" type="text/css" href="{{asset('css/heeypay/common.css')}}"  />
    <link rel="stylesheet" type="text/css" href="{{asset('css/heeypay/index.css')}}" />

    <link href="{{asset('css/heeypay/sweetalert.css')}}"  rel="stylesheet" />
    <link href="{{asset('css/heeypay/layer.css')}}"  rel="stylesheet" />
</head>
<body>
<script src="{{asset('js/jquery.min.js')}}" ></script>
<script src="{{asset('js/heeypay/jquery.flexslider-min.js')}}"></script>
<script type="text/javascript" src="{{asset('js/heeypay/script.js')}}" ></script>
<script src="{{asset('vendor/laravel-admin/sweetalert/dist/sweetalert.min.js')}}" ></script>
<script src="{{asset('vendor/layui/lay/modules/layer.js')}}"></script>
<script src="{{asset('js/heeypay/basejs.js')}}"></script>

<!-- 容器 start -->
<div class="kf-container">
    <!-- 头部 start -->
    <div class="kf-header">
        <div class="kf-layout">
            <div class="kf-logo logo-lg">
                <a href="{{route('web.home')}}" ><img src="{{asset('image/heeypay/logo.png')}}"  alt="" /></a>
            </div>
            <div class="online-service">
                <span><i class="icon icon-sound"></i></span>
                7×24 在线客服<br />
                365天实时清算
            </div>
        </div>
    </div>
    <!-- 头部 end -->

    <style>
        .return_mae {
            padding: 14px;
            color: #333;
            background-color: #efefef;
            border: 1px solid #c4c4c4;
        }
    </style>
    <!-- banner start -->
    <div class="login-banner">
        <div class="banner-slide" id="banner-slide">
            <div class="slide-content">
                <div class="slide-panel" style="background-image: url(/image/heeypay/banner6.png)"><a href="javascript:void(0);"></a></div>
                <div class="slide-panel" style="background-image: url(/image/heeypay/banner2.jpg); "><a href="javascript:void(0);"></a></div>
                <div class="slide-panel" style="background-image: url(/image/heeypay/banner3.jpg); "><a href="javascript:void(0);"></a></div>
                <div class="slide-panel" style="background-image: url(/image/heeypay/banner4.jpg); "><a href="javascript:void(0);"></a></div>
                <div class="slide-panel" style="background-image:url(/image/heeypay/banner5.jpg); "><a href="javascript:void(0);"></a></div>
            </div>
        </div>

        <div class="float-login" style="height: 210px">
            <h3>商户登录</h3>
            <div action="#" id="LoginForm" class="login-form">
                <div class="logplate" id="step1">
                    <!--<div class="form-group">
                        <label class="control-label"><i class="icon icon-user"></i><input type="text" value="" class="form-control" id="login_user" name="login_user" placeholder="请输入商户名" /></label>
                    </div>
                    <div class="form-group">
                        <label class="control-label"><i class="icon icon-lock"></i><input type="password" value="" class="form-control" id="login_pwd" name="login_pwd" placeholder="请输入密码" /></label>
                    </div>
                    <div class="form-group">
                        <label class="control-label"><i class="icon icon-code"></i><input type="text" value="" class="form-control control-code" id="validcode" name="validcode" placeholder="请输入验证码" /></label>
                        <img style="margin-left: 0;" id="cimg" src="captchacode" tppabs="http://www.ruyipay.com/System/Login/captchacode" class="code-img" onclick="refreshcaptchacode()" />
                        <a href="javascript:;" onclick="refreshcaptchacode()" class="change">换一张</a>
                    </div>-->
                    <div class="btn-group">
                        <a href="{{route('buz.auth.login')}}">
                            <button  id="btnLogin00" class="btn btn-primary btn-login">登 &nbsp; 录</button>
                        </a>
                    </div>
                    <div class="btn-group">
                        <a href="{{route('buz.register_one')}}">
                            <button  id="btnLogin" class="btn btn-primary btn-login">注   册</button>
                        </a>
                    </div>
                </div>

                <div class="logplate logplate2 none" id="step2">
                    <div class="form-group ">
                        <label class="control-label">
                            <i class="icon icon-code"></i>
                            <input type="text" value="" style="width:200px;" class="form-control control-code" id="googleAuthvalidcode" name="googleAuthvalidcode" placeholder="请输入您的GoogleAuth动态密码"
                                   onkeyup="value = value.replace(/[^0-9]/g, '')" />
                        </label>
                        <input type="button" value="返回" class="return_mae" />
                    </div>
                </div>
            </div>
            <div class="other-serv">
                @foreach(config('app.website.CONTACT_QQ') as $qq)
                <a href="#" class="contactQQ" data-qq="{{$qq}}"><i class="icon icon-serv"></i>QQ客服</a>
                @endforeach()
            </div>
        </div>
    </div>
    <!-- banner end -->
    <!-- 内容 start -->
    <div class="kf-content">
        <div class="kf-layout">
            <div class="latest-notice">
                <h3><i class="icon icon-horn"></i>最新公告</h3>

                <ul class="notice-list">
                    <li>@if(!empty($announce) && $announce['status'] == 1){{$announce['content']}}@endif()</li>
                </ul>
            </div>
            <div class="product-payment">
                <h3>产品支付</h3>
                <ul class="product-list">
                    <li>
                        <i class="icon-prod icon-online"></i>
                        <h4 class="name">网银支付</h4>
                        <p>支持多家银行，方便商户接入网关</p>
                    </li>
                    <li>
                        <i class="icon-prod icon-alipay-code"></i>
                        <h4 class="name">支付宝扫码支付</h4>
                        <p>支付宝扫描二维码进行支付</p>
                    </li>
                    <li>
                        <i class="icon-prod icon-wx-code"></i>
                        <h4 class="name">微信扫码支付</h4>
                        <p>微信扫描二维码进行支付</p>
                    </li>
                    <li>
                        <i class="icon-prod icon-alipay"></i>
                        <h4 class="name">支付宝APP支付</h4>
                        <p>支付宝APP进行在线支付</p>
                    </li>
                    <li>
                        <i class="icon-prod icon-wx"></i>
                        <h4 class="name">微信APP支付</h4>
                        <p>微信APP进行在线支付</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 内容 end -->
    <script>
        $(".contactQQ").click(function () {
            var qq = $(this).attr('data-qq');
            var kefu101 = "http://wpa.qq.com/msgrd?v=3&uin="+qq+"&site=oicqzone.com&menu=yes";
            var kefu102 = "mqqwpa://im/chat?chat_type=wpa&uin="+qq+"&version=1&src_type=web&web_src=oicqzone.com";
            if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) || /(Android)/i.test(navigator.userAgent)) {
                window.open(kefu102);
            }else {
                window.open(kefu101);
            }
        });
        document.onkeydown = function (event_e) {
            if (window.event)
                event_e = window.event;
            var int_keycode = event_e.charCode || event_e.keyCode;
            if (int_keycode == 13) {
                if ($("#step1").is(":hidden")) {
                    $('#btnLogin00').click();
                }
                else {
                    $('#btnLogin').click();
                }
            }
        }
    </script>
    <!-- 底部 start -->
    <div class="kf-footer">
        <div class="kf-layout">
            <p>Copyright © HEEYPAY聚合支付 &nbsp;  &nbsp; 版权所有<i class="icon icon-ne"></i></p>
            <p>当前版本号：1.0.0</p>
        </div>
    </div>
    <!-- 底部 end -->
</div>
<!-- 容器 end -->
</body>
</html>
